Aller au contenu

Création de site web/Web-design

Un livre de Wikilivres.

Wikipédia propose un article sur : « Web design ».

Le Web-design renseigne sur la conception et l'évaluation de site web ergonomique.

Critères de qualité

[modifier | modifier le wikicode]

Wikipédia propose un article sur : « ergonomie ».

Pour être ergonomique, un site doit avoir :

  • une facilité d'utilisation
  • des téléchargement rapide
  • des mises à jour fréquentes

Il doit être adapté aux besoins des utilisateurs et réutilisable. Le site doit s'adapter au niveau des utilisateur pas l'inverse. le site doit être accessible depuis différentes plateformes.

Développement

[modifier | modifier le wikicode]

Le développement web se base sur 2 points forts :

  • le site est évalué par les utilisateurs
  • il est modifié sur la base de leurs requêtes
  1. La phase d’analyse (Analyse des besoins)
  2. La phase de conception (Architecture du système d'information)
  3. La phase de production (Maquettage du site)
  4. La phase d’évaluation (Tout les aspects techniques doivent fonctionner correctement)

Elle est de 2 types :

  • soit par un expert (utilisation de critères objectifs)
  • soit par un amateur (gout personnel)

Soumettre à des utilisateurs lambda des scénarios type et voir comment ils se débrouillent. cela se fait sur un échantillon (10 à 15 personnes).

Principes d' utilisabilité

[modifier | modifier le wikicode]
  • présentation (choix du texte, des images, des textures, des couleurs)
  • navigation (hauteur, largeur, profondeur et disposition dans l'espace des « frames »)
  • animations (son et vidéos, image qui bouge au passage de la souris, etc.)
  • formulaire interactif (l'erreur s'affiche sur la bonne ligne...)
  • performance (le site ne met pas plus de 3 secondes à charger)
  • support utilisateur (mail des administrateurs et/ou responsables)

auxquels s'appliquent les règles ergonomiques correspondantes.

Problèmes courants

[modifier | modifier le wikicode]
  • lisibilité (taille de caractères trop petite)
  • navigation (pages orphelines)
  • organisation (nom de lien inadapté ou au mauvais endroit)

Architecture cohérente

[modifier | modifier le wikicode]

L'architecture doit s'adapter aux besoins.

  • créer des sous menus
  • créer des styles visuels propres pour des parties de sites volumineuse
  • profondeur : la règle des 3 clics : pas besoin de plus de 3 clics pour accéder à n'importe quelle ressource du site
  • la page d'accueil renseigne sur les principales fonctionnalités de navigation.
  • le logo et le nom doivent être les plus visible sur la page d'accueil
  • trouver un compromis entre vitesse et beauté de la page d'accueil
  • utiliser des métaphores : un chariot symbolise l'achat dans un site de e-commerce
  • laisser la possibilité à l'utilisateur d'augmenter la taille des caractères.